<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>蓝瘦。香菇。</title>
<link href="__CSS__/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (Bootstrap's JavaScript plugins) -->
<script src="__JS__/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="__CSS__/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="DJ" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<link href='http://fonts.googleapis.com/css?family=Monoton' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
</head>
<body>
<!---->
<div class="header">
	 <div class="container">
		 <div class="logo">
			 <a href="index.html"><h1>lanshou。xianggu。</h1></a>
		 </div>
		 <div class="top-menu">
			 <ul>
			 <li class="active"><a href="{:U('Home/index/index');}"><span class="glyphicon glyphicon-home" aria-hidden="true"></span>Home</a></li>
			 <li><a href="{:U('Home/news/news');}"><span class="glyphicon" aria-hidden="true"></span>News</a></li>
			 <li><a href="{:U('Home/photo/photo');}"><span class="glyphicon glyphicon-picture" aria-hidden="true"></span>Photo</a></li>
			 <li><a href="{:U('Home/music/music');}"><span class="glyphicon glyphicon-music" aria-hidden="true"></span>Music</a></li>
			 <li><a href="{:U('Home/video/video');}"><span class="glyphicon glyphicon-facetime-video" aria-hidden="true"></span>Video</a></li>
			 <li><a href="{:U('Home/contact/contact');}"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>Contact US</a></li>
			 </ul>
		 </div>
		 <div class="clearfix"></div>
	 </div>
</div>
<!---->
<script src="__JS__/responsiveslides.min.js"></script>
  <script>
    // You can also use "$(window).load(function() {"
    $(function () {
      $("#slider").responsiveSlides({
      	auto: true,
        manualControls: '#slider3-pager',
      });
    });
  </script> 
<div class="content">
	 <div class="container">  
		  <div class="slider">
			<!-- Slideshow 3 -->
			<ul class="rslides" id="slider">
			  <li><img src="__IMG__/7.jpg" alt="">
				<div class="caption">
					<h1>Image1</h1>
					<p>Nam est purus, egestas eu varius in, commodo vitae massa. Fusce mollis a lacus in tincidunt.</p>
				</div>
			  </li>
			  <li><img src="__IMG__/2.jpg" alt="">
				<div class="caption">
					<h1>Image2</h1>	  
					<p>Nam est purus, egestas eu varius in, commodo vitae massa. Fusce mollis a lacus in tincidunt.</p>
				</div>
			  </li>	      
			  <li><img src="__IMG__/10.jpg" alt="">
				<div class="caption">
					<h1>Image3</h1>	  
					<p>Nam est purus, egestas eu varius in, commodo vitae massa. Fusce mollis a lacus in tincidunt.</p>
				</div>
			  </li>
			  <li><img src="__IMG__/5.jpg" alt="">
				<div class="caption">
					<h1>Image1</h1>
					<p>Nam est purus, egestas eu varius in, commodo vitae massa. Fusce mollis a lacus in tincidunt.</p>
				</div>
			  </li>
			  <li><img src="__IMG__/8.jpg" alt="">
				<div class="caption">
					<h1>Image2</h1>	  
					<p>Nam est purus, egestas eu varius in, commodo vitae massa. Fusce mollis a lacus in tincidunt.</p>
				</div>
			  </li>	      
			  <li><img src="__IMG__/1.jpg" alt="">
				<div class="caption">
					<h1>Image3</h1>	  
					<p>Nam est purus, egestas eu varius in, commodo vitae massa. Fusce mollis a lacus in tincidunt.</p>
				</div>
			  </li>
			  <li><img src="__IMG__/13.jpg" alt="">
				<div class="caption">
					<h1>Image2</h1>	  
					<p>Nam est purus, egestas eu varius in, commodo vitae massa. Fusce mollis a lacus in tincidunt.</p>
				</div>
			  </li>	      
			  <li><img src="__IMG__/3.jpg" alt="">
				<div class="caption">
					<h1>Image3</h1>	  
					<p>Nam est purus, egestas eu varius in, commodo vitae massa. Fusce mollis a lacus in tincidunt.</p>
				</div>
			  </li>
			</ul>
			<!-- Slideshow 3 Pager --></br></br>
			<ul id="slider3-pager">
			  <li><a href="#"><img src="__IMG__/77.jpg" alt=""></a></li>
			  <li><a href="#"><img src="__IMG__/22.jpg" alt=""></a></li>
			  <li><a href="#"><img src="__IMG__/1010.jpg" alt=""></a></li>
			   <li><a href="#"><img src="__IMG__/55.jpg" alt=""></a></li>
			  <li><a href="#"><img src="__IMG__/88.jpg" alt=""></a></li>
			  <li><a href="#"><img src="__IMG__/11.jpg" alt=""></a></li>
			  <li><a href="#"><img src="__IMG__/1313.jpg" alt=""></a></li>
			  <li><a href="#"><img src="__IMG__/33.jpg" alt=""></a></li>
			</ul>   
				<div class="clearfix"></div>
		  </div>
	 </div>
	 <div class="footer">
	 <div class="container">
		 <div class="strp">
			 <img src="__IMG__/ftr.png" alt=""/>
		 </div>
		 <div class="copywrite">
			 <p>Copyright © 2016 </a></p>
		 </div>
		 <div class="social-icons">
			  <a href="#"><i class="twitter"></i></a>
			  <a href="#"><i class="facebook"></i></a>		
			 <a href="#"><i class="flicker"></i></a>	
			 <a href="#"><i class="wifi"></i></a>
		 </div>
		 <div class="clearfix"></div>
	 </div>
	 </div>	
</div>
<!---->

<!---->
</body>
</html>